<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->
<html xmlns:wicket="http://wicket.apache.org">
<wicket:extend>
    <div class="span9">
        <div class="btn-top right">
            <button wicket:id="documentToevoegen" href="#modalOvereenkomst" data-toggle="modal" data-backdrop="static" class="btn btn-primary">
                <i class="icon-plus-sign icon-white"></i> Document toevoegen
            </button>
        </div>
        <h1 class="pageTitle">Documenten</h1>
    </div>
    <div class="row-fluid">
        <div class="span9">
            <form wicket:id="form" class="form-horizontal">
                <div wicket:id="documentenContainer">
                    <table class="table table-bordered table-condensed clickable">
                        <thead>
                        <tr>
                            <th>Naam document</th>
                            <th class="status-download">Downloaden</th>
                            <th class="status-download">Verwijderen</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr wicket:id="documenten">
                            <td wicket:id="documentNaam">Document 1</td>
                            <td wicket:id="download" class="status"><a
                                    href="javascript:void(0);" class="btn" title="Downloaden"><i
                                    class="icon-download"></i></a></td>
                            <td wicket:id="delete" class="status"><a
                                    href="javascript:void(0);" class="btn" title="Verwijderen"
                                    onclick="$('#modalConfirm').modal('show');"><i
                                    class="icon-trash"></i></a></td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="row-fluid">
                        <div class="span8 totaal-aantal">
                            Totaal: <strong><span wicket:id="aantalDocumenten">1</span>
                            document</strong>
                        </div>
                        <div class="span4">
                            <div class="pagination right">
                                <ul>
                                    <li class="disabled"><a href="javascript:void(0);">Vorige</a></li>
                                    <li class="active"><a href="javascript:void(0);">1</a></li>
                                    <li class="disabled"><a href="javascript:void(0);">Volgende</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="span3">
            <div class="passport">
                <wicket:container wicket:id="paspoort"></wicket:container>
            </div>
        </div>
    </div>
    <div wicket:id="confirmDialog"></div>
    <div wicket:id="clientDocumentPopup"></div>
</wicket:extend>
</html>
